import {
  CookbookWrap
} from './StyledCookBook'

import Swiper from './Swiper'
import Search from '@/components/search/Search'
import HotCate from './HotCate'
import Top10 from './Top10'

const CookBookUi = ({list}) => {
  return (
    <CookbookWrap>
      <header>菜谱大全</header>
      <Swiper list={list}></Swiper>
      <Search></Search>
      <HotCate></HotCate>
      <Top10 list={list}></Top10>
    </CookbookWrap>
  )
}

export default CookBookUi